<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单列表</title>
    <script src="../js/jquery-2.1.1.min.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/vue.min.js"></script>
    <script src="order_list.js"></script>
    <link rel="stylesheet" href="../css/commodity.css">
</head>
<body>
<button class="button" onclick="back_shopping()">返回商城</button>
<div id="order_list">
    <div class="padding" v-for="order in order_list" @click="go_order_detail(order.id)">
        <div class="def_container">
            <div>订单号: <span>{{ order.id }}</span></div>
            <div class="right redfont">
                <span v-if="order.status==0">未付款</span>
                <span v-if="order.status==1">已付款</span>
                <span v-if="order.status==2">已完成</span>
            </div>
        </div>
        <div class="def_container" v-for="goods in order.commodity">
            <div>商品名: <span>{{ goods.name }}</span></div>
            <div>价格: <span>{{ goods.price }}</span></div>
        </div>
        <div>创建时间: <span>{{ order.create_time }}</span></div>
        <hr>
    </div>
</div>
</body>
</html>